<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commond/taglibs.jsp"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>档期网</title>
<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
<s:include value="/commond/keydesc.jsp"></s:include>
<link href="${ctx }/css/head/head.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/invite_nav.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/event_box.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/invite_week.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/view_fun.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/my_event.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/party.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/loading.css" rel="stylesheet" type="text/css" />
<style type="text/css">
	.searchdefault{
		color:#9b9b9b;
		font-style:normal;
	}
	.searchonit{
		color:#000000;
		font-style: normal;
	}
</style>
<script type="text/javascript" src="${ctx}/js/common/jquery.js"></script>
<script type="text/javascript" src="${ctx }/js/textareaAutoHeight.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/invite_mode.js"></script>
<script type="text/javascript" src="${ctx}/js/common/common.js"></script>
<script type="text/javascript" src="${ctx}/js/control/calendar.js"></script>
<script type="text/javascript" src="${ctx}/js/invite/sharebutton.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/clip_detail.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/clipdetail_sharepart.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/search_script.js"></script>
</head>
<body>
<s:include value="/head.jsp"></s:include>
<div class="invite_page" style="margin-top:47px;min-height: 516px;background: #C0D1DB;">
    <table style="width:99%;">
        <tr valign="top">
        	<td>
        		<div style="margin: 20px auto 50px;width: 852px;">
            	<div class="event_box" style="width: 830px;">
                	<div class="event_title">
                		<ul class="headline" id="clipmanagehead" style="width: 830px;">
               				<li enabled=1 clickonclz="myon" queryby="own">
               					找乐子
               				</li>
               				<li enabled=1 clickonclz="privateon" queryby="private">
               					个人计划
               				</li>
               				<li enabled=1 clickonclz="memoon" id="memocount" queryby="memo">
               					纪念日
               				</li>
               				<li enabled=0 style="width: 455px;">
               					
               				</li>
               				<li enabled=1 clickonclz="inviteon" id="invitecount" queryby="invite">
               					好友邀请
               					<span class="count"></span>
               				</li>
               				<li enabled=1 clickonclz="alerton" id="alertcount" queryby="alert">
               					档期提醒
               					<span class="count"></span>
               				</li>
               			</ul>
                    </div>
                    <div style="height: 36px;" class="event_title">
                    	
                    	<!-- 
                    	<a class="pageback" onclick="history.go(-1);"></a>
                    	<div class="et_sch" style="float: left;">
                    		<button class="prevbtn" id="prevclipbtn"></button>
                    		<button class="nextbtn" id="nextclipbtn"></button>
                    	</div>
                    	 -->
                        <div class="et_sch">
                        	<input type="text" class="searchdefault" value="输入您要搜索的档期内容" onfocus="checkStatus(this,event);" onblur="checkStatus(this,event);"/>
                            <a id="search_btn" onclick="searchClipEvent(this);"></a>
                        </div>
                	</div>
                    <table class="part_detail" id="clip_detail_main">
                    	<tbody><tr>
                        	<td valign="top">
                                <div class="part_main">
                                	<input type="hidden" id="clipevent-eventid"/>
                                	<input type="hidden" id="clipevent-clocktime"/>
                                	<div class="maincontent">
	                                    <ul id="clip-contentlist" class="contentlist">
											<li class="firstline" >
												<div class="cliplogo">
													<a class="userlogo" id="event-unamelogo"></a>
													<span class="uname" id="event-uname"></span>
													<span class="v_icon" title="档期认证" style="display:none;"></span>
													<span class="source_l">
														<i class="invite" id="event-cliptype"></i>	
													</span>
													<span class="source_r">
														<i class="invitetime"></i>
														<span title="档期认证" class="v_icon"  style="display:none;margin-top: 36px;"></span>
														<a class="sourcelogo" id="event-sourcelogo" style="display: none;"></a>
														<span class="sourcetitle" style="display: none;"></span>
													</span>
												</div>
												<div class="cliptime">
													<span class="txtcliptime"></span>
													<span id="event-time" class="val">
														<b>2013年02月16日</b><b> 至 </b><b>2013年02月17日</b>
													</span>
													<b class="edt_ing" id="event-processtatus">进行中</b>
												</div>
											</li>
											<li class="line">
												<span class="txtclipcontent"></span>
												<p id="event-title" class="contentval"></p>		
											</li>
										</ul>
										<div class="calendarzone" id="calendarzone">
											<div class="title">
												<a class="prev none"></a>
												<span class="title" id="calendarzonetitle">asdf</span>
												<a class="next none"></a>
											</div>
											<br></br>
											<table cellpadding="0" cellspacing="0" style="float: left;" id="detailsharetimetable">
												<tr line="0">
												<td id="tddetail0"></td><td id="tddetail1"></td><td id="tddetail2"></td><td id="tddetail3"></td><td id="tddetail4"></td><td id="tddetail5"></td><td id="tddetail6"></td>
												</tr>
												<tr line="1">
												<td id="tddetail7"></td><td id="tddetail8"></td><td id="tddetail9"></td><td id="tddetail10"></td><td id="tddetail11"></td><td id="tddetail12"></td><td id="tddetail13"></td>
												</tr>
												<tr line="2">
												<td id="tddetail14"></td><td id="tddetail15"></td><td id="tddetail16"></td><td id="tddetail17"></td><td id="tddetail18"></td><td id="tddetail19"></td><td id="tddetail20"></td>
												</tr>
												<tr line="3">
												<td id="tddetail21"></td><td id="tddetail22"></td><td id="tddetail23"></td><td id="tddetail24"></td><td id="tddetail25"></td><td id="tddetail26"></td><td id="tddetail27"></td>
												</tr>
												<tr line="4">
												<td id="tddetail28"></td><td id="tddetail29"></td><td id="tddetail30"></td><td id="tddetail31"></td><td id="tddetail32"></td><td id="tddetail33"></td><td id="tddetail34"></td>
												</tr>
												<tr line="5">
												<td id="tddetail35"></td><td id="tddetail36"></td><td id="tddetail37"></td><td id="tddetail38"></td><td id="tddetail39"></td><td id="tddetail40"></td><td id="tddetail41"></td>
												</tr>
											</table>
										</div>
									</div>
									<div class="detailcontent">
										<span class="txtclipdetail"></span>
										
										<span id="event-detail" class="val"></span>
									</div>
									<!-- 
									<div class="clocktimezone" id="clocktimezone">
										<span class="txtclipclocktime"></span>
										<span id="clipevent-clockval" class="val"></span>
										<span id="clipevent-clockicon" class="salert"></span>
										<div class="setalertzone" style="display: none;">
											<input class="input" style="float: left;height: 13px;width: 90px;margin-right: 10px;" onfocus="jQ(this).blur();" id="setalertdatapicker">
											<div class="timebg hourbg">
											<a class="minus" onmouseup="autohourminusup(jQ(this).next());" onmousedown="autohourminusdown(jQ(this).next());" onclick="hourminus(jQ(this).next());"></a>
											<input maxlength="2" value="0" onblur="hourinput(this);" class="hminput">
											<a class="plus" onmouseup="autohourplusup(jQ(this).prev());" onmousedown="autohourplusdown(jQ(this).prev());" onclick="hourplus(jQ(this).prev());"></a>
											</div>
											<span style="margin-right: 10px;">时</span>
											<div class="timebg minbg"><a class="minus" onmouseup="autominminusup(jQ(this).next());" onmousedown="autominminusdown(jQ(this).next());" onclick="minminus(jQ(this).next());"></a>
											<input maxlength="2" value="0" onblur="mininput(this);" class="hminput">
											<a class="plus" onmouseup="autominplusup(jQ(this).prev());" onmousedown="autominplusdown(jQ(this).prev());" onclick="minplus(jQ(this).prev());"></a>
											</div>
											<span>分</span>
											<span class="methodchoose"><a class="emailonit" title="邮件通知"></a>
											<a class="mobilemsg" title="短信通知" onclick="changeMobileStatus(this);"></a>
											</span>
											<span class="errorinfo"></span>
											<a class="setalertconfirm"></a><a class="setalertcancel"></a>
										</div>
									</div>
									<div class="party_op" id="clipevent-shieldedopt">
									</div>
									 -->
                                    <div class="party_op" id="clipevent-opt">
  
                                    </div>
                                    <div id="alreadyfwpart" class="alreadyfwpart" style="display: none;">
                                    </div>
                                    <div class="shareoutzone" id="shareoutzone" style="display: none;">
										<hr class="line"/>
										<div class="shareoutopt">
											<span class="shareouttxt">分享到站外：</span>
											<a class="renren"></a>
											<a class="kaixin"></a>
											<a class="sina"></a>
											<a class="douban"></a>
										</div>
									</div>
                                    <div class="part_msg" >
                                    <span id="clipmessage-count" style="font-size: 12px;color:RGB(235,97,0);">
                                    </span><span style="margin-left: 13px;">档期留言</span>
                                    </div>
                                    <ul class="part_msg" id="clipevent-messages">
                                    </ul>
                                    <div class="replyzone">
                                    	<input type="text"  class="replyinput" id="replycontent" onfocus="jQ('#replyzoneerror').empty();">
                                    	<button class="reply" onclick="submitReply();"></button>
                                    </div>
                                    <div class="replyzoneerror" id="replyzoneerror">
                                    </div>           
                                </div>
                            </td>
                            <td width="220" valign="top">
                            	<div class="part_right_top">
                            	</div>
                                <div class="part_right" id="clippoint-zone">
                                	<div class="aboutccpart" style="display: none;">
	                                	<div class="topline">
	                                		<span class="title">
	                                			活跃度
	                                		</span>
		                                	<ul class="stat_button_choose" >
		                                		<li class="interest_btn" effectzone="zone-interest">
		                                		</li>
		                                		<li class="forward_btn" effectzone="zone-forward">
		                                		</li>
		                                		<li class="favor_btn" effectzone="zone-favor">
		                                		</li>
		                                	</ul>
	                                	</div>
	                                	<div class="pointto interest_btn" id="aboutccpart_pointto">
	                                	</div>
                                	</div>
                                	<hr id="user2ccliphr"></hr>
                                	<div class="aboutpppart" style="display: none;">
                                		<span class="title" id="aboutpppart-title">
                                		</span>
                                		<!-- 
                                		<ul class="sharemembers"><li title="002" class="ele onit"><input type="hidden" value="http://localhost:8081/clipdate//image/clipbig.jpg" class="logo"><input type="hidden" value="16" class="uid"><input type="hidden" value="002" class="name"><a style="background:url('http://localhost:8081/clipdate//image/clipsmall.jpg')" href="/clipdate/myclip/user.html?16"></a></li><li title="123123" class="ele"><input type="hidden" value="http://localhost:8081/clipdate//image/clipbig.jpg" class="logo"><input type="hidden" value="54" class="uid"><input type="hidden" value="123123" class="name"><a style="background:url('http://localhost:8081/clipdate//image/clipsmall.jpg')" href="/clipdate/myclip/user.html?54"></a></li><li title="就" class="ele"><input type="hidden" value="http://localhost:8081/clipdate//userdata/000/00/00/01_avatar.jpg" class="logo"><input type="hidden" value="1" class="uid"><input type="hidden" value="就" class="name"><a style="background:url('http://localhost:8081/clipdate//userdata/000/00/00/01_avatar_small.jpg')" href="/clipdate/myclip/user.html?1"></a></li><li title="MX004" class="ele"><input type="hidden" value="http://localhost:8081/clipdate//image/clipbig.jpg" class="logo"><input type="hidden" value="17" class="uid"><input type="hidden" value="MX004" class="name"><a style="background:url('http://localhost:8081/clipdate//image/clipsmall.jpg')" href="/clipdate/myclip/user.html?17"></a></li><li title="xujiojio" class="ele"><input type="hidden" value="http://localhost:8081/clipdate//image/clipbig.jpg" class="logo"><input type="hidden" value="9" class="uid"><input type="hidden" value="xujiojio" class="name"><a style="background:url('http://localhost:8081/clipdate//image/clipsmall.jpg')" href="/clipdate/myclip/user.html?9"></a></li></ul>
                                		<div class="continueadd">
                                			<a onclick="showContactDetailTip(this,683);"></a>
                                			<span class="tip">继续添加好友，一起同行？</span>
                                		</div>
										<button class="confirmevent"></button>									                                		
                                		 -->
                                		
                                	</div>
                                </div>
	                        </td>
                        </tr>
                    </tbody></table>
                    <div id="nonecliptip" style="width: 820px;height: 350px;float: left;display: none;background: url('../image/noclipexist.jpg');">
                    </div>
                </div>
                </div>
            </td>
        </tr>
	</table>
</div>
<s:include value="/foot.jsp"></s:include>
<div id="zonecontent-out" style="display:none;">
	<div class="zonecontent">
		<div class="share-choose">
			<span class="share-title">选择好友：</span>
	           <a onclick="showForwardContactDetailTip(this);" class="sharegroupicon"></a>
		</div>
		<div class="share-contactchoosebtn">
			<button onclick="cancelshareclick(this);" class="close"></button>
		</div>
	</div>
</div>
<div class="monthviewopt" style="display: none;" id="viewopt">
	<input type="hidden" id="viewopt_eventid"/>
	<img src="${ctx }/image/load.gif" style="display: none;margin-left: 120px;margin-top: 25px;" align="middle" id="viewopt_img"></img>
	<p style="text-indent: 30px;font-size:15px;line-height: 25px;" id="viewopt_p"></p>
</div>
<div class="accept_msg_box" id="accept_msg_box" style="display: none;">
	<div class="msg_note" style="top: 100px;">
		<div class="msg_text" id="accept_msg_box_content"></div>
	</div>
</div>
<div id="forwardshare_box" class="forwardshare_box" style="display: none;">
	<div class="optdiv">
		<a class="corner"></a>
		<a class="close" onclick="jQ('#forwardshare_box').fadeOut();"></a>
	</div>
	<div class="forwardbox">
		<div class="share-choose">
			<span class="share-title">分享给：</span>
             		<span style="margin-left: 20px;" class="share-title">
             			<input type="radio" checked="checked" class="sharerd" value="0" name="shareraido">
             			<span style="line-height: 20px;float: left;">全部</span>
             		</span>
             		<span style="margin-left: 10px;" class="share-title">
             			<input type="radio" class="sharerd" value="1" name="shareraido" checked="">
             			<span style="line-height: 20px;float: left;">指定群组</span>
             		</span>
             	</div>
             	<div class="share-contactchooseout">
              	<div id="share-contactchoose" class="share-contactchoose">
              		<span class="groupname">群组名称：</span>
               		<input type="text" id="shareautoipt"/>
               		<div class="contactgrouplist">
               			<ul id="contactgrouplist">
               			</ul>
               		</div>
              	</div>
             	</div>
             	<span id="share-errorinfo" class="share-errorinfo">
             	</span>
		<div class="share-contactchoosebtn">
			<button class="confirm" onclick="confirmshare();"></button>
			<button class="cancel" onclick="cancelshare();"></button>
		</div>
	</div>
</div>

<div class="mb_select" id="addclipcontactlist" style="position: absolute;top:100px;left:200px;display: none;">
	<div class="select_box_title">
		<a class="close" id="select_box_title-close" onclick="close_Addclipcontactlist_Dialog();"></a>
	</div>
	<div class="select_box">
		<div class="mb_tab" id="addclipcontactmbtab">
		<span class="onit" style="font-size: 12px;" conid="contact">好友</span>
		<span class="nor" style="font-size: 12px;" conid="inv_congroup">圈子</span>
		</div>
		<ul class="inv_con" id="contact" style="padding-left: 4px;width: 240px;">
			<li id="contact_friend">
			</li>
		</ul>
		<ul class="inv_con" id="inv_congroup" style="display: none;">
		</ul>
		<!-- 
		<div class="addinvitezone">
			<button class="closeinvite" onclick="jQ('#addclipcontactlist').hide();"></button>
		</div>
		 -->
	</div>
	<div class="choose_box" style="display: none;">
		<ul id="chosen_friend">
		</ul>
		<div class="btnline">
			<button class="cancel"></button>
			<button class="confirm"></button>
		</div>
	</div>
	<div class="rightselect_box"></div>
</div>
<div id="forwardsharemember_box" class="forwardsharemember_box" style="display: none;">
	<div class="head">
		<a class="close" onclick="closeForwardsharemember_box()"></a>
	</div>
	<div class="body" id="forwardsharemember_body">
	</div>
	<div class="foot"></div>
</div>
<div id="confirmEventInterface" style="display:none;">
	<div class="topline">
		<span class="title"></span>
		<a class="close" onclick="closeConfirm_Inf();"></a>
	</div>
	<table cellpadding="0" cellspacing="0" class="content">
		<tr>
			<td align="center" class="left" valign="middle">
				<button id="inf_interest_prev" style="display:none;"></button>
			</td>
			<td width="390" valign="top">
				<ul class="interestlist" id="inf_interestlist">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</td>
			<td align="center" class="right" valign="middle">
				<button id="inf_interest_next" style="display:none;"></button>
			</td>
		</tr>
	</table>
	<div class="btnline">
		<button class="cancel" onclick="closeConfirm_Inf();"></button>
		<button class="confirm" id="inf_interest_confirm"></button>
	</div>
</div>
<div id="forward_invitetime_wrap" style="display: none;">
<div id="forward_invitetime">
	<div class="top">
		<a class="close" title="关闭" id="forward_invitetime_close"></a>
	</div>
	<div class="content">
		<ul id="forward_invite_list">
		</ul>
	</div>
	<div class="bottom">
		<span class="title"></span>
		<div class="settime">
			<span class="icon"></span>
			<input class="dateinput" id="forward_invite_dateinput"/>
			<div class="timebg">
				<a class="minus" onclick="hourminus(jQ(this).next());"></a>
				<input maxlength="2" value="0" onblur="hourinput(this);" id="forward_invite_hour" class="hminput"/>
				<a class="plus" onclick="hourplus(jQ(this).prev());"></a>
			</div>
			<span class="normal">时</span>
			<div class="timebg">
				<a class="minus" onclick="minminus(jQ(this).next());"></a>
				<input maxlength="2" value="0" onblur="mininput(this);" id="forward_invite_min" class="hminput"/>
				<a class="plus" onclick="minplus(jQ(this).prev());"></a>
			</div>
			<span class="normal">分</span>
			<button class="confirm" id="forward_invitetime_confirm"></button>
		</div>
		<div class="info" id="forward_invite_info">
		</div>
	</div>
</div>
</div>
<div id="add_return_wrap" style="display: none;">
<div id="add_return">
	<a class="close"></a>
	<div class="top">
		<span class="head"></span>
	</div>
	<div class="bottom">
		<a class="renren"></a>
		<a class="kaixin"></a>
		<a class="sina"></a>
		<a class="douban"></a>
	</div>
	<div class="btnline">
		<button></button>
	</div>
</div>
</div>
<div class="loading" id="loadingui" style="display: none;">
	<span class="logo"></span>
	<span class="loading"></span>
</div>
</body>
</html>